<!-- 分销中心  -->
<template>
  <s-layout class="index-wrap" title="转增记录"  onShareAppMessage>
	  
    <view class="main">
		<view class="block" v-for="(item,index) in 0" :key="index">
			<view class="ss-flex justify-between font-1">
				<view class="title">转送</view>
				<view>2025-10-13 12:00:34</view>
			</view>
			<view class="content">
				<view>转赠对象：xxx</view>
				<view>转赠账号：xxx</view>
				<view>转赠状态：<span :style="{color:colorList[index]}">xxx</span></view>
			</view>
		</view>
	</view>
  </s-layout>
</template>

<script setup>
  import sheep from '@/sheep';
  import { onShow } from '@dcloudio/uni-app';
  import { computed, reactive } from 'vue';
 
 const colorList=['#003288','#32B207','#E81111']

  const state = reactive({
    
  });
  
  

  function jump(item){
	  sheep.$router.go(item.link)
  }
  onShow(() => {
  });
</script>

<style lang="scss" scoped>
  :deep(.page-main) {
    background-size: 100% 100% !important;
  }
  .tip{
	  padding:18rpx 24rpx;
	  background:#FDEBD2;
	  color:#E6A406;
	  line-height: 1.5em;
  }
  .main{
	  padding:25rpx;
	  .btn-txt{
		  font-size: 26rpx;
		  color:#006B86;
		  margin-left:30rpx
	  }
	  .block{
		  background-color: #fff;
		  margin-top:20rpx;
		  padding:28rpx 29rpx 20rpx;
		  border-radius: 20rpx;
		  box-sizing:border-box;
		  color: #595959;
		  .title{
			  color: #0B0B0B;
			  font-weight: bold;
			  font-size: 32rpx;
		  }
		  .content{
			  line-height: 1.8em;
			  margin-top:20rpx
		  }
		  
	  }
  }
</style>
